<template>
  <div class="beauty">
    <manicure-title></manicure-title>
 <manicure-download></manicure-download>
<manicure-list></manicure-list>
<manicure-store></manicure-store>
<manicure-store_content></manicure-store_content>
<manicure-bottom></manicure-bottom>
  </div>
</template>

<script>
import ManicureDownload from './components/ManicureDownload.vue'
import ManicureList from './components/ManicureList.vue'
import ManicureStore_content from './components/ManicureStore_content.vue'
import ManicureStore from './components/ManicureStore.vue'
import ManicureTitle from './components/ManicureTitle.vue'
import ManicureBottom from './components/ManicureBottom.vue'

export default {
  name:'beauty',
  components:{
    ManicureTitle,
    ManicureDownload,
  ManicureList,
  ManicureStore_content,
  ManicureStore,
  ManicureBottom
  },
 data: function(){
    return{
      iconList: [],
      recommendList: []
    }
  },
  mounted(){
    this.getHomeApiInfo()
  },
  methods: {
    getHomeApiInfo(){
      axios.get("/mock/beauty.json").then(this.getHomeResponseInfo)
    },
    getHomeResponseInfo(response){
      //  console.log(response.data);
      let res = response.data  //就是home.json里面的内容
      if(res.success && res.dataList){
        const data = res.dataList //取json中的datalist属性
        // console.log(data.iconLists.length)
        this.iconList = data.iconLists
        this.recommendList = data.recommendLists
      }
    }
  }

   
}

</script>
